@charset "utf-8";

@import "../../../src/less/quote/class.less";
@import "../../../src/less/quote/color.less";

//table列表页面暂时放在这里后期共用comment.less中

#resolution-detail{
  height:auto;
  position: relative;
  background: @cf;
  .left{
    padding-left:45px;
    padding-bottom:250px;
    .left-head{
      position: relative;
      height: 50px;
      line-height: 50px;
      background: #fff;
      border-bottom: 1px dashed @cf2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      .time,.pay,.money,.reply,.money-tran{
        margin-right: 25px;
        label{font-weight: bold;}
      }
    }
    .left-content{
      position: relative;
      min-height: 100px;
      .content-list{
        margin-bottom:10px;
        .seller{
          background-color: @c6 !important;
          border: 2px solid @cc;
          //animation: seller-animate 1.8s infinite;
        }
        .list-head{
          display: inline-block;
          max-width: 100px;
          float: left;
          margin-right:30px;
          i{background-color: @cc;}
        }
        .list-text{
          display: inline-block;
          width: calc(100% - 101px);
          padding: 15px;
          border: 1px solid #ebebeb;
          border-radius: 5px;
          .text-detail{padding-bottom: 10px;}
          .text-footer{
            padding-top: 10px;
            border-top: 1px dashed #ebebeb;
            color: #999;
          }
        }
      }
    }
    .left-message{
      margin-top: 50px;
      .ql-toolbar{margin-top:15px;}
      #sendInfoMsg{
        margin-top: 10px;
        padding:10px;
        max-width:100%;
        height:160px;
        overflow-y: auto;
      }
      .form-input{width: 200px;}
    }

  }
  .right{
    padding-top: 50px;
    padding-left:100px;
    padding-right:50px;
    .right-info{
      .line{margin-bottom: 20px;}
    }
    .right-order{
      color:@main-b;
      padding: 10px 0;
      border-top: 1px solid @cdb;
      h3{}
    }
    .right-erp{
      padding:30px 0;
      border-top: 1px solid @cdb;
      .erp-order{
        max-width: 500px;
        padding:5px;
        background-color: @bg-b;
        color:@main-b;
        font-weight: bold;
      }
      .erp-content{
        max-width: 500px;
        font-family: "Microsoft YaHei";
        .content-list{
          padding:5px 0 10px;
          border-bottom:1px dashed @cdb;
            .text-line{
              margin: 4px 0;
              //height: 22px;
              label,span{display: inline-block;float: left;}
              label{
                width: 60px;
                font-weight: bold;
                color: #4a4a4a;
                vertical-align: middle;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
              .icon-yifahuo{
                margin-right: 10px;
                font-size: 16px;
                color:@main-b;
                vertical-align: middle;
              }
              .line-status{
                display: inline-block;
                color:@main-b;
                font-size: 14px;
                vertical-align: middle;
              }
            }
        }
      }
    }
  }

  button[disabled]{
    opacity: .4;
  }
}

.layer-box{
  //此页面独有component(弹出层) 若公共则抽离至icon.less
  .resolution-box{
    /*position: absolute;
    left:50%;
    top:50%;
    width:662px;
    //height: 442px;
    padding:20px 20px 50px;
    transform: translate(-50%,-50%);
    background: @cf;
    border-radius: 5px;*/
    .box-title{
      color:@main-a;
      font-weight: bold;
      font-size: 16px;
      padding-bottom: 6px;
      border-bottom: 1px dashed @cdb;
    }
    .summary{
      padding:13px 0;
      color:@main-g;
      font-weight: bold;
      font-family: "Microsoft YaHei";
    }
    .info{color:@c9;}
    .box-area{
      .area{
        padding: 10px;
        max-width: 100%;
        min-height: 120px;
      }
    }

    //tab盒子
    .index-refund-box{
      //margin-top: 15px;
    }
  }
}

//弹出层内样式
.layer-box-erp{
  width: 90%;
  margin:0 auto;
    //间距
  .form-item{
    margin-bottom: 10px;
  }
  .row{
    margin-left:-10px;
    margin-right: -10px;
    &>[class*=col-] {
      padding:0 10px;
    }
  }

  [data-name='orderSkuList']{
    max-height: 100px;
    overflow: auto;
  }

}